html, body {
  background: url("../img/background-content.png") repeat scroll 0 0 #C5C5C5;
  color: #000000;
  font-family: times new roman;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.container {
	margin:0 auto;
	background:url('../img/background.png') repeat-y scroll 0 0;
	width:1000px;
	height:auto;
}
.myframe {
	margin: 0 45px;
}

#header {
	color:white;
}
#logo {
	float:left;
    display: table;
    height: 100px;
    width: 97px;
}
#header .header_right {
	float:right;
	width: 430px;
 
} 
#header .header_right p {
	 text-align:right;
	 font-size:12px;
	 padding-top:8px;
	 padding-bottom:10px;
}
#header {
	
}
#header .header_right a{
	font-size:12px;
	text-decoration:none;
	padding-right:18px;
	text-align:right;
	color:white;
	line-height:10px;
 
}  
#header .header_right a img{
	margin-right:5px;
	line-height:5px;
}  

#header .header_right .search {
	 float: right;
}
#header .top-head {
	
}  
#search .inputsearch {
	 color: #9f9f9f;
	 margin-right: -10px;
	 width:180px;
	 height: 19px;
	 padding-left:5px;
	 border:1px solid #000;
}
#search .buttonsearch {
	 padding: 1px 0;
	 width:60px;
	 border:1px solid #000;


}

.black {
    background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;
    border: 1px solid #333333;
    color: #D7D7D7;
}
.medium {
    font-size: 12px;
    padding: 0.4em 1.5em 0.42em;
}
.button {
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.black:hover {
    background: -moz-linear-gradient(center top , #444444, #000000) repeat scroll 0 0 transparent;
}
.black:active {
    background: -moz-linear-gradient(center top , #000000, #444444) repeat scroll 0 0 transparent;
    color: #666666;
}

/** MENU*/
 ul.topnav {
	 margin: 0; padding: 0;
	 float: left;
	 list-style: none;
	 position: relative; /*--thiết lập vị trí của ul chưa menu--*/
	 font-size: 1.1em;
	 background: url(../img/menu-background.png) repeat-x;
	 height:50px;
	 width:100%;
}
ul.topnav li {
	float: left;
	margin: 0; 
}
ul.topnav li.menu-border{
	padding:0px;
	background: url(../img/menu-border.png);
	width:2px;
	height:50px;
}
ul.topnav li a {
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	line-height:50px;		padding: 0 59px;		margin-right: 2px;
}
/**MENU*/

/**CONTENT*/
#content{
	margin-top:5px;
	background-color:#fff;
}
#content .top-content{
border:2px solid #000;
background: black;
}
/**CONTENT*/
/*top*/
.slideshow {
float:left;
}
#module-recent {
    float: right;
    overflow: auto;
    width: 280px;
}
#module-recent .divtitle {
    border:1px solid #000;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	color:white;
	background:url('../img/title-background-list.png') repeat;
}
#module-recent .module-content {
    background: none repeat scroll 0 0 #EFEFEF;
    clear: both;
    height: 333px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    width: 278px;
}
#module-recent dl {
    margin-bottom: 5px;
    margin-top: 5px;
	line-height:20px;
	text-decoration:none;
}

#module-recent dl.active,#module-recent dl.active dd a{
   color:#1460a8;
   text-decoration:none;
}

#module-recent dt {
    background: url("../img/icon_dt.png") no-repeat scroll 3% 50% transparent;
    font-size: 87%;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 21px;
    text-align: left;
}
#module-recent dd {
    background: url("../img/dd_recent.png") no-repeat scroll left bottom transparent;
    font-size: 12px;
    padding-bottom: 5px;
    text-align: left;
	margin-left:0px;
	padding-left: 20px;
	
}
#module-recent dd.end{
	background:none;
    font-size: 12px;
    padding-bottom: 5px;
    text-align: left;
	margin-left:0px;
	padding-left: 15px;
	
}
#module-recent dd a {
	color:#000;
	text-decoration:none;
}
.div-recommend td input[type="text"] {
    width: 150px;
}
.div-recommend tr {
    line-height: 30px;
}
#module-recent dd a.active {
	color:#1460a8;
	text-decoration:none;
}
#module-recent dd a:hover {
	color:#1460a8;
	text-decoration:none;
}
/*top*/
#content {
	width:100%;
	background-color:#fff;
	padding-bottom:40px;

}
#content .left-content {
	padding: 5px 0 5px 5px;
	float:left;
	width:67%
}
#content .divborder
{
	height:80px;
	width:190px;
	font-size:12px;
   /* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F9F9F9), color-stop(1, #D5D5D5));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #F9F9F9 0%, #D5D5D5 100%);
	border: 1px solid #d5d5d5;
	
}
#content .divborder span
{
	float:right;
	vertical-align:middle;
	line-height:30px;
	margin-top:10px;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	margin-right:3px;
}
#content .divborder .divborder-left
{
	float:left;
}
#content .divborder .divborder-right
{
	float:right;
}
#content .right-content {
	float:right;
	padding: 5px 5px 5px 0;
    width: 31.8%;
}

#content .left-content .divpresident  {
	margin-bottom:15px;

}

#content .left-content .divpresident .divtitle {
	border:1px solid #c4c4c4;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	width:573px;
	background:url('../img/title-background.png') repeat;

}

#content .right-content .divpresident  {
	margin-bottom:15px;

}

#content .right-content .divpresident .divtitle {
	border:1px solid #c4c4c4;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	background:url('../img/title-background.png') repeat;

}

#content .right-content .divpresident .divcontent {
	border:1px solid #c4c4c4;
	font-size:14px;
	background-color:#F7F7F7;
}

#content .right-content .divpresident .divcontent input {
	border:1px solid #b6b6b6;

}
#content .right-content .divpresident .divcontent .div-recommend {
	padding:10px 5px  5px;
}

#content .left-content .divlist {
	margin-bottom:10px;

}
#content .left-content .divlist .divtitle {
	border:1px solid #000;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	color:white;
	width: 573px;
	background:url('../img/title-background-list.png') repeat;

}

#content .right-content .divlist {
	margin-bottom:15px;

}
#content .right-content .divlist .divtitle {
	border:1px solid #000;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	color:white;
	background:url('../img/title-background-list.png') repeat;

}

#content .right-content .divlist .divcontent {
	font-size:14px;
	color:white;
}
#content .right-content .divlist .divcontent  ul{
	background-color:#d80e0e;
	border:1px solid #e34f4f;
	border-top:none;
	margin:0px;
	padding: 0 0 5px;
}
#content .right-content .divlist .divcontent  ul li{
	list-style: none;
	background: url(../img/bullet.png) no-repeat;
	background-position:3% 50%;
	height:23px;
	margin:0px;
	
}
#content .right-content .divlist .divcontent  ul li{
	line-height: 23px;
    padding-left: 22px;
}

#content .right-content .divlist .divcontent  ul li:HOVER{
	background-color:#f52525;
}
#content .right-content .divlist .divcontent  ul li.active{
	background-color:#f52525;
}
.img {
	float:left;
	margin-right:10px;
}
.newscontent
{
	float:left;
	width: 157px;	font-size: 13px;
}
.newscontent .date
{
	font-weight:bold;
}
.newscontent .newstitle
{
	 font-size:14px;
	 font-weight:bold;
	 color:#1460a8;
}
.newscontent .description 
{
	margin: 1px;
    text-align: justify;
	color:black;		font-size: 12px;
}
.news {
	padding:10px;
	border-bottom:1px dotted;
}
.more a {
	background-color:#000;
	color:#9d9d9d;
	padding: 2px 8px;
	margin: 10px 15px;
	float:right;
	text-decoration:none;
}
#content .left-content .pagination {
	border:1px solid #c4c4c4;
	font-size: 13px;
    font-weight: normal;
    padding: 6px;
	background:url('../img/title-background.png');
	margin-top:10px;
	margin-right:14px;
	text-align:center;
}
#content .left-content .pagination a, #content .left-content .pagination span{
	margin: 4px;
	color: #a2a2a2;
	text-decoration: none;
	display: inline-block;
	padding: 0px;
}
#content .left-content .pagination span.current{
	color:#d80e0e;
	text-decoration:underline;
}
#content .left-content .pagination a:hover{
	color:#d80e0e;
	text-decoration:underline;
}

#content .ngangborder
{
	margin-top:2x;
	background-color:#8b8b8b;
	height:8px;
}
#content .left-content .ngangborder
{
	margin-right:14px;
	margin-top:2x;
	background:url('../img/ngang.png') repeat;
	height:10px;
}
#content .left-content .listuser  {
}

#content .left-content .listuser .user {
	width:290px;
	background-color:#f7f7f7;
	border: 1px solid #d5d5d5;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

#content .left-content .listuser .user .img {
	float:left;
	margin-right:10px;
	text-align:center;
	margin:1px;
	margin-bottom: -4px;
	width:100px;
}
#content .left-content .listuser .user .usercontent {
	float:left;
	width: 157px;
	margin-top:15px;
	margin-left:10px;
}
#content .left-content .listuser .user .usercontent1 {
	float:left;
	width: 170px;
	text-align:jutify;
	margin-left:10px;
	line-height:20px;
}
#content .left-content .listuser .user .usercontent1 .name  a{
font-weight:bold;
font-size:14px;text-decoration: none;color: black;line-height: 18px;height: 42px;display: block;
}
#content .left-content .listuser .user .usercontent1  p{
padding:1px;
margin:1px;
}

#content .left-content .listuser .user .usercontent1 .job {
color:#9b9b9b;
font-size:12px;
}
#content .left-content .listuser .user .usercontent1 .job .noticetype {
color:white;
background-color:red;
font-size:12px;
padding: 2px 6px;
}
#content .left-content .listuser .user .usercontent .name {
font-weight:bold;
font-size:14px;
}
#content .left-content .listuser .user .usercontent .job {
color:#9b9b9b;
font-size: 13px;
}



#content .right-content .divnation  {
	margin-bottom:15px;
}

#content .right-content .divnation .divtitle {
	border:1px solid #c4c4c4;
	font-size: 14px;
    font-weight: bold;
    padding: 10px;
	background:url('../img/title-background.png') repeat;

}

#content .right-content .divnation .divcontent {
	border:1px solid #c4c4c4;
	font-size:14px;
	background-color:#F7F7F7;
}

#content .right-content .divnation .divcontent input {
	border:1px solid #b6b6b6;

}
#content .right-content .divnation .divcontent .div-recommend {
	padding:10px 5px  5px;
}


/**FOOTER*/
#footer {
text-align:center;
height: 80px;
margin-top: 20px;
font-size: 13px;
}
#footer span {
color:#fff;
}
#footer ul { 
 margin: 0 auto;
 color:#000; /* Base text color for the menu */
 width: 390px;
 height: 22px;

}
#footer ul li { float:left; list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */ }
#footer ul li:after {
 content:"|"; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#fff; /* You may want to make the separators a bit more subtle than the base text color */
}
#footer ul li:last-child:after { content:""; /* No separator for the last item in the list */ }
#footer ul li a {
 margin:0 8px; /* Set margins around the links */ text-decoration: none;
 color:#fff; /* Text colors for the links */
}
#footer span {
color :#d6d6d6;
}
/**FOOTER*/
.button {
	background: black;
	font-size: 13px;
	padding: 4px 8px !important;
}
.div-recommend{
	font-size: 13px;
}
.div-recommend table{
	padding: 5px 0 5px 5px;
}
.div-recommend table .button{
	margin: 8px;
}
.topnav li{
	background: url(../img/menu-border.png) right top no-repeat;
	text-transform: uppercase;
}
.topnav li:last-child{
	background: none;
}.topnav li:last-child a{	padding: 0 64px;}
.sitemap-bottom, .sitemap-bottom ul{
	margin: 5px;
}
.sitemap-bottom ul{
	padding-left: 10px;
}
.sitemap-bottom {
	width: 47%;
	float: left;
	padding: 0;
}
.sitemap-bottom > li > a{
	font-weight: bold;
    font-size: 14px;
	color: black;
}

.sitemap-bottom ul a{
	font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}
.sitemap-top ul > ul > ul >li a {
    font-weight: normal;
    font-size: 13px;
}
.sitemap-top ul > ul >li a {
    color: blue !important;
    font-weight: normal;
}
.sitemap-top li {
    display: block;
}
.sitemap-top li.title a {
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.left-content .divcontent.page{
	font-size: 13px;
	padding: 0 10px;
	margin: 0 14px 0 0;
	border: #ddd 1px solid;
}
.right-content .divcontent.category a{
	color: white;
	text-decoration: none;
}
.newscontent .newstitle a{
	color: #1460a8;
	text-decoration: none;
}
#content .left-content .listuser .news {
width: 97%;
margin-bottom: 10px;
margin-right: 10px;
border: none;
background: white;
border-bottom: 1px #ddd dotted;
padding-bottom: 10px;
}
#content .left-content .listuser .news .newcontent {
float: left;
width: 81%;
margin: 0 5px;
}
#content .left-content .listuser .news .newcontent a{
color: #1460a8;
text-decoration: none;
}
.breadcrumbs{
	font-size:13px;
	font-weight: bold;
	margin-left: 15px;
}
.wp-paginate{
	font-size: 13px;
}.topnav li.current-menu-item  a{background: url(../img/menu-boder.png) right top repeat-x;}.box_skitter .label_skitter {opacity: 1;background: transparent;text-align: right;}.box_skitter .label_skitter p {font: normal 26px arial,tahoma;padding: 12px 20px;text-shadow: 1px 1px black;}.box_skitter .label_skitter p  span{font: normal 18px arial,tahoma;}.box_skitter .label_skitter p  font{font: normal 12px arial,tahoma;text-transform: uppercase;display:block;}.box_skitter .prev_button, .box_skitter .next_button{display: none !important;}

.map{ height: 800px;width:700px; margin-top: -20px; text-align: left;}
.map a{ position: relative;}
.m-hcm{ left: 490px; top: 665px; }
.m-hn{ left: 385px; top: 140px; }
.m-dn{ left: 430px; top: 390px; }
.m-ct{ left: 195px; top: 695px; }
.m-db{ left: 210px; top: 95px; }
.m-tb{ left: -90px; top: 135px; }
.m-sh{ left: 20px; top: 170px; }
.m-btb{ left: 320px; top: 280px; }
.m-ntb{ left: 270px; top: 395px; }
.m-tn{ left: 170px; top: 500px; }
.m-dnb{ left: -40px; top: 600px; }
.m-scl{ left: 415px; top: -230px;}
.hidden{
	display: none !important;
}
.map img{
  position: relative;
  left: 0px;
}
.map a{
  z-index: 800;
}
.map .m-layer{
	position: absolute;
	top: 267px;
	margin-left: 200px;
	z-index: 789;
}
.content-map{
	position: absolute;
	border: 1px #ddd solid;
	width: 350px;
	min-height: 180px;
	margin-left: 20px;
	top: 580px;
	text-align: center;
	z-index: 9999;
	display: none;
	background: rgb(250, 250, 250);
}
.content-map.detail-right{
	margin-left: 500px;
	top: 400px;
	width: 350px;
}
.content-map img{
	float: left;
	width: 165px;
	border: 1px #eee solid;
	border-radius: 20px;
	margin: 4px;
}
.content-map img:hover{
	border: 1px rgb(180, 180, 180) solid;
}
.content-map h3{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	background: url('../img/title-background.png') repeat;
}
